<template>
	<view class="tabContent">
		<u-navbar title="待办" style="z-index: 99;" :fixed="false" :safeAreaInsetTop="true">
			<view class="u-nav-slot" slot="left">
			</view>
			<view class="u-nav-slot" slot="right">
			</view>
		</u-navbar>

		<view>
			<u-tabs lineColor="#51d0d0" lineWidth="30"
				:activeStyle="{color:'#51d0d0',fontWeight:'500',transform:'scale(1.05)'}" :list="todoCondition"
				@change="item=>switchTab('TODO',item)">
			</u-tabs>
		</view>
		<view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				todoCondition: [{
					name: '待办'
				}, {
					name: '待审核'
				}]
			};
		},
		created() {

		},
		methods: {
			switchTab(switchType, item) {
				switch (switchType) {
					case 'TODO':
						this.getTodoData(item.name);
						break;
					default:
						break;
				}
			},

			getTodoData(name) {

			}
		}
	}
</script>

<style lang="scss" scoped>
	.tabContent {
		display: flex;
		flex-direction: column;
	}
</style>